<template>
<div id="blank1">
  <div id="blank">
    <h3 style="text-align: left;color: #29323c">为天地立心,</h3>
    <h3 style="text-align: left;color: #29323c">为生民立命,</h3>
    <h3 style="text-align: left;color: #29323c">为往圣继绝学,</h3>
    <h3 style="text-align: left;color: #29323c">为万世开太平!</h3>
  </div>

</div>
</template>

<script>
export default {

}
</script>

<style>
/* 设置根元素为占满整个屏幕 */
#blank{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(@/assets/blankbackground01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1; /* 将背景图像置于最底层 */
}

#blank1{
  width: 1200px;
  height: 700px;
}
</style>